@import "./variables.less";
@import "./mixin.less";
@import "../assets/fonts/iconfont.less";

* {
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, Arial, sans-serif;
  color: var(--van-text-color);
  background-color: @default-bg;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

.icon {
  font-family: 'iconfont';
  font-size: 24px;
  font-style: normal;
  color: @theme-color;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// 价格、数字字体din-Medium
@font-face {
  font-family: 'DIN_Medium';
  font-style: normal;
  font-weight: 500;
  src: url('data:font/woff2;charset=utf-8;base64,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')
    format('woff2');
  font-display: swap;
}


// loading
.loading-animation {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background: transparent
    url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E")
    no-repeat;
  background-size: 100%;
  animation: lineLoading 1s steps(12, end) infinite;
}

@keyframes lineLoading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

:root:root {
  // 全局修改dialog样式
  --van-dialog-radius: 10px;
  --van-dialog-font-size: 17px;
  --van-dialog-header-font-weight: 500;
  --van-dialog-header-line-height: 24px;
  --van-dialog-header-isolated-padding: 32px 24px;
}

.debug-class{
  position: absolute !important;
  top: 5%;
  left: 0;
  z-index: 100;
  width: 70px;
  height: 24px !important;
  padding: 0 !important;
}